<template>
    <div class="yx-header">
       <span>
          <slot name="left"></slot>
       </span>
       <div>
         <slot name="center"></slot>
       </div>
       <span>
           <slot name="right"></slot>
        </span>   
    </div>
</template>
<style lang="scss" scoped>
.yx-header{
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    div{
        flex:1;
        text-align: center;
    }
    span{
        width: 80px;
        display: inline-block;
        text-align: center;
    }
}
</style>
